@import 'src/app/common/styles/variable/index.scss';
@import 'src/app/common/styles/mixin/index.scss';
.list {
  .item {
    margin-bottom: $gutter;
    background: #fff;
    .top,
    .middle .title,
    .bottom {
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding-left: $pagePadding;
      padding-right: $pagePadding;
    }
    .top {
      margin-bottom: 0.16rem;
      height: 0.48rem;
      line-height: 0.48rem;
      .left {
        font-size: 0.16rem;
        color: $success;
      }
      .right {
        color: $border4;
      }
    }
    .middle {
      .title {
        .txt {
          color: $font3;
          .huxing1 {
            color: $info;
          }
        }
        .icon-image {
          color: #f9b36e;
        }
      }
      .content {
        padding: $pagePadding;
        color: $font3;
        line-height: 0.2rem;
      }
    }
    .bottom {
      padding-bottom: 0.2rem;
      font-size: 0.12rem;
      .time {
        color: $font3;
      }
      .zan {
        display: flex;
        align-items: center;
        height: 0.18rem;
        line-height: 0.18rem;
        .icon-dianzan {
          margin-right: 0.04rem;
          color: $border3;
        }
        .num {
          height: 0.18rem;
          line-height: 0.2rem;
          color: $font3;
        }
      }
    }
  }
}
.empty,
.error,
.loading {
  height: calc(100vh - #{$navbarHeight});
  background: #fff;
}
